<template>
  <div class="box">
    <div class="displayList" v-for="(item, index) in tableData" :key="index">
      <div class="text_id">{{ item.text_id }}、</div>
      <div class="text_theme">{{ item.text_theme }}</div>
      <div class="text_author">{{ item.text_author }}</div>
      <div class="text_body">{{ item.text_body }}</div>
      <div class="text_createdate">{{ item.text_createdate }}</div>
    </div>
  </div>
</template>

<script>
import { queryFinanceListApi } from '../../api/studentapi'
export default {
  data () {
    return {
      visible: false,
      rowData: {},
      tableData: []
    }
  },
  components: {},
  created () {
    this.queryList()
  },
  methods: {
    async queryList () {
      const datalist = await queryFinanceListApi()
      this.tableData = datalist.data
      console.log('------datalist', this.tableData)
    },
    argTran (args) {
      Object.keys(args).forEach((item) => {
        if (args[item] === '' || args[item] === null) {
          delete args[item]
        }
      })
      return args
    }
  }
}
</script>

<style lang="less" scoped>
.box {
  height: 70%;
  ::v-deep .el-input__inner {
    width: 220px;
  }
  .displayList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    .text_theme,
    .text_author,
    .text_body,
    .text_createdate {
      margin-left: 10px;
      min-width: 80px;
    }
    .text_body{
      flex: 1;
    }
  }
}
</style>
